<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/templates/crud-template.xhtml">

	<ui:define name="content">
	<div align="left">
	<p:growl id="msgs" showDetail="true" sticky="false" life="10000"/>
			
		<h:form id="form" style="width: 800px;">
	<p:dataTable id="listaCertificados" 
	var="certificado" 
	value="#{enviaCertificadosBean.listaCertificados}"
	selectionMode="multi" 
	selection="#{enviaCertificadosBean.selectedCertificados}"
	rowUnselectListener="#{enviaCertificadosBean.onRowUnselect}"
    widgetVar="certificadosTable" 
    emptyMessage="No hay Certificados de Asistencia a listar" 
    paginator="true" 
    rows="5"  
    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
    rowsPerPageTemplate="5,10,15">  
  		<f:facet name="header">  
  		<div align="right">
            <p:outputPanel>  
                <h:outputText value="Ingrese Codigo de Alumno:" />
                <p:inputMask  value="#{enviaCertificadosBean.elfiltro}" style="width:150px" mask="aa-99999999"/>
                <p:commandButton  actionListener="#{enviaCertificadosBean.cargaCertificados}" value="Buscar" update="form:listaCertificados" image="ui-icon ui-icon-search"/>  
            </p:outputPanel>  
        </div>
        </f:facet>
        
        <p:column selectionMode="multiple" style="width:18px" />
        
  		<p:column headerText="Codigo de Certificado">  
            <h:outputText value="#{certificado.intCodcertificado}"/>  
        </p:column>
        
        <p:column headerText="Codigo de Cita">  
            <h:outputText value="#{certificado.intCodcita}"/>  
        </p:column>
        
        <p:column headerText="Motivo">
            <h:outputText value="Econ-Fam"/>  
        </p:column>
        
      <!--  <p:column style="width:100px">  
             <h:panelGrid columns="3" styleClass="actions" cellpadding="2">  
                 <p:commandButton update="dlgForm:display,dlgForm:image" oncomplete="carDialog2.show()" image="ui-icon ui-icon-search" title="Ver Certificado">
                 	<f:setPropertyActionListener value="#{certificado}" target="#{enviaCertificadosBean.selectedCerti}" />  
                 </p:commandButton>
             </h:panelGrid>  
        </p:column>  -->
        
        <f:facet name="footer">  
         <div align="left">
         <p:commandButton actionListener="#{enviaCertificadosBean.enviarCertificados}" value="Enviar Certificados" update="form:listaCertificados msgs"  image="ui-icon ui-icon-person" title="Envie los certificados por correo">  
 		 </p:commandButton>
         </div>
        </f:facet>
    </p:dataTable>
   </h:form>
	
	<p:dialog header="Detalle de Certificado" widgetVar="carDialog2" resizable="false" id="carDlg2"
			  showEffect="fade" hideEffect="explode" modal="true" width="800" position="top" >
	<h:form id="dlgForm2">
	  <h:panelGrid id="display2" columns="2" cellpadding="2" style="margin:0 auto;" >
		    <h:outputText value="Codigo Asistenta" style="font-weight:bold"/>  
            <h:panelGroup>    
              <h:outputText value="#{enviaCertificadosBean.selectedCerti.strcodasistentasocial}" style="font-weight:bold" rendered="#{enviaCertificadosBean.editMode}" readonly="#{enviaCertificadosBean.editMode}" size="30"/>    
            </h:panelGroup>

			 <f:facet name="footer"> 
                <p:outputPanel layout="block" style="text-align:center">
                <h:panelGroup>
                    <p:commandButton value="Cerrar" onclick="carDialog2.hide()" type="button" image="ui-icon ui-icon-close"/>
  				</h:panelGroup>
              </p:outputPanel>  
          </f:facet> 
      </h:panelGrid>
	</h:form>
	</p:dialog>
	
	</div>
	</ui:define>
	
</ui:composition>